<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
</head>
<body>
<div class="main">
        <div class="index__header">
            <div class="index__header__search">
                <div class="index__header__img">
                    <div>
                        <img src="" alt="">
                    </div>
                </div>
                <div class="index__header__input">
                    <input class="index__header__inputSearch" type="text" placeholder="搜素/输入ID">
                    <i class="iconfont iconfont1">&#xe60c;</i>
                    <i class="iconfont iconfont2">&#xe60a;</i>
                    <span class="index__header__xiaoxi"></span>
                </div>
            </div>
            <div class="index__header__nav">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><img src="image/1.png" alt=""></div>
                        <div class="swiper-slide"><img src="image/2.png" alt=""></div>
                        <div class="swiper-slide"><img src="image/3.png" alt=""></div>
                        <div class="swiper-slide"><img src="image/4.png" alt=""></div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </div>
        <div class="index__content">
            <div class="index__content__bck">
                <div class="index__content__iconNav">
                    <div class="index__content__iconNavTop">
                        <div><a href="#"><i class="iconfont">&#xe611;</i><b>微信/QQ</b></a></div>
                        <div><a href="#"><i class="iconfont">&#xe616;</i><b>微博悬赏</b></a></div>
                        <div><a href="#"><i class="iconfont">&#xe604;</i><b>认证绑卡</b></a></div>
                    </div>
                    <div class="index__content__iconNavBot">
                        <div><a href="#"><i class="iconfont">&#xe600;</i><b>开户投资</b></a></div>
                        <div><a href="#"><i class="iconfont">&#xe601;</i><b>电商相关</b></a></div>
                        <div><a href="#"><i class="iconfont">&#xe603;</i><b>其他</b></a></div>
                    </div>
                </div>
            </div>
            <div class="index__content__box"></div>
            <div class="index__content__task">
                <div class="index__content__taskTop">
                    <i class="iconfont">&#xe635;</i>
                    <span>悬赏任务</span>
                </div>
                <div class="index__content__taskBot">
                    <div class="index__content__con">
                        <div class="index__content__box0">
                            <div class="index__content__box1">
                                <span></span>
                            </div>
                            <div class="index__content__box2">
                                <a href="#">携程微信支付5元，好赚快省</a>
                                <a href="#">60人已赚，还剩11人</a>
                            </div>
                            <div class="index__content__box3">
                                <a href="#">赏5.00元</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index__content__taskBot">
                    <div class="index__content__con">
                        <div class="index__content__box0">
                            <div class="index__content__box1">
                                <span></span>
                            </div>
                            <div class="index__content__box2">
                                <a href="#">携程微信支付5元，好赚快省</a>
                                <a href="#">60人已赚，还剩11人</a>
                            </div>
                            <div class="index__content__box3">
                                <a href="#">赏5.00元</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="index__content__taskBot">
                    <div class="index__content__con">
                        <div class="index__content__box0">
                            <div class="index__content__box1">
                                <span></span>
                            </div>
                            <div class="index__content__box2">
                                <a href="#">携程微信支付5元，好赚快省</a>
                                <a href="#">60人已赚，还剩11人</a>
                            </div>
                            <div class="index__content__box3">
                                <a href="#">赏5.00元</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="index__footer">
            <div class="index__footer__fixed">
                <div class="index__footer__box">
                    <div><a href="#"><i class="iconfont">&#xe613;</i><b>悬赏</b></a></div>
                    <div><img src="image/release.png" alt="" style="width: 80%;height: 80%"></div>
                    <div><a href="#"><i class="iconfont">&#xe625;</i><b>我的</b></a><span></span></div>
                </div>
            </div>
        </div>

    <div class="index__module">
        <div class="index__module__box">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="index__module__boxCon">
                            <div class="index__module__iconNavTop">
                                <div><h2><a href="#"><span><i class="iconfont">&#xe605;</i></span></a></h2><b>加群加好友</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe631;</i></span></a></h2><b>公众号加粉</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe711;</i></span></a></h2><b>微信投票</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe63c;</i></span></a></h2><b>微信转发</b></div>
                            </div>
                            <div class="index__module__iconNavBot">
                                <div><h2><a href="#"><span><i class="iconfont">&#xe616;</i></span></a></h2><b>微博悬赏</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe604;</i></span></a></h2><b>认证绑卡</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe600;</i></span></a></h2><b>开户投资</b></div>
                                <div><h2><a href="#"><span><i class="iconfont">&#xe601;</i></span></a></h2><b>电商相关</b></div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="index__module__boxCon">

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="index__module__boxCon">

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="index__module__boxCon">
                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
</div>
<script src="js/swiper-3.4.2.min.js"></script>
<script src="js/jquery-3.2.1.js"></script>
<script src="js/index.js"></script>
</body>
</html>